import React from 'react';
import PropTypes from 'prop-types';

const Settings = props => {
    const { className, style } = props;
    return (
        <svg
            className={className}
            style={style}
            width="20px"
            height="21px"
            viewBox="0 0 20 21"
            version="1.1"
        >
            <g id="components" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g
                    id="Components-Accordion"
                    transform="translate(-367.000000, -2156.000000)"
                    fillRule="nonzero"
                >
                    <g
                        id="settings"
                        transform="translate(377.000000, 2166.000000) scale(-1, 1) translate(-377.000000, -2166.000000) translate(367.000000, 2156.000000)"
                    >
                        <g id="Group-29" transform="translate(0.006698, 9.606625)">
                            <path
                                d="M10.3925755,6.00817501 L10.3925755,4.42493302 L9.17469705,4.01896085 C9.09351784,3.73477652 8.97173,3.49120083 8.84994215,3.20705456 L9.41827274,2.07035532 L8.32218213,0.974264706 L7.18548289,1.54263336 C6.9419072,1.42084551 6.65772287,1.29905767 6.3735766,1.21787846 L6.00821307,-1.13686838e-13 L4.42497108,-1.13686838e-13 L4.0189989,1.21787846 C3.73481458,1.29905767 3.49123889,1.42084551 3.20709262,1.54263336 L2.07039337,0.974264706 L0.974302765,2.07035532 L1.54263336,3.20705456 C1.42084551,3.45063025 1.29905767,3.73481458 1.21787846,3.97839027 L-2.27373675e-12,4.34375381 L-2.27373675e-12,5.9269958 L1.21787846,6.33296797 C1.29905767,6.6171523 1.42084551,6.86072799 1.54263336,7.14487425 L0.974302765,8.28153544 L2.07039337,9.37762605 L3.20709262,8.80929546 C3.45066831,8.9310833 3.73485264,9.05287115 3.97842833,9.13405036 L4.34379186,10.3519288 L5.92703386,10.3519288 L6.33300603,9.13405036 C6.61719035,9.05287115 6.86076605,8.9310833 7.10434174,8.80929546 L8.24104098,9.37762605 L9.33713159,8.28153544 L8.76872488,7.14487425 C8.89051273,6.90129856 9.01230057,6.61711424 9.09347978,6.33296797 L10.3925755,6.00817501 Z M5.23687736,7.02308641 C4.2625746,7.02308641 3.45066831,6.21118012 3.45066831,5.23687736 C3.45066831,4.2625746 4.2625746,3.45066831 5.23687736,3.45066831 C6.21118012,3.45066831 7.02308641,4.2625746 7.02308641,5.23687736 C7.02308641,6.21114207 6.25178876,7.02308641 5.23687736,7.02308641 Z"
                                id="Shape"
                                fill="#8AD7F8"
                            />
                            <path
                                d="M5.23687736,2.43571885 C3.694244,2.43571885 2.43575691,3.69420594 2.43575691,5.2368393 C2.43575691,6.77947266 3.694244,8.03795975 5.23687736,8.03795975 C6.77951072,8.03795975 8.03799781,6.77947266 8.03799781,5.2368393 C8.03799781,3.69420594 6.77951072,2.43571885 5.23687736,2.43571885 Z M5.23687736,7.02308641 C4.2625746,7.02308641 3.45066831,6.21118012 3.45066831,5.23687736 C3.45066831,4.2625746 4.2625746,3.45066831 5.23687736,3.45066831 C6.21118012,3.45066831 7.02308641,4.2625746 7.02308641,5.23687736 C7.02308641,6.21114207 6.25178876,7.02308641 5.23687736,7.02308641 Z"
                                id="Shape"
                                fill="#55C0EB"
                            />
                        </g>
                        <path
                            d="M19.1690683,10.1835611 L19.9640994,8.28430642 L18.6832298,7.18012422 C18.727412,6.7826087 18.727412,6.42927536 18.6832298,6.07590062 L19.9640994,5.01585921 L19.1690683,3.11660455 L17.4906832,3.24910973 C17.2698551,2.93991718 17.0048447,2.67490683 16.6956522,2.45407867 L16.8723395,0.819834369 L14.9730849,0.0248447205 L13.8688613,1.30571429 C13.4713458,1.26153209 13.1180124,1.26153209 12.7646377,1.30571429 L11.7046377,0.0248447205 L9.80538302,0.819875776 L9.9378882,2.49826087 C9.62869565,2.71908903 9.3636853,2.98409938 9.14285714,3.29329193 L7.46447205,3.11660455 L6.66944099,5.01585921 L7.95031056,6.12008282 C7.90612836,6.51759834 7.90612836,6.87093168 7.95031056,7.22430642 L6.66944099,8.28434783 L7.46447205,10.1836025 L9.14285714,10.0510973 C9.3636853,10.3602899 9.62869565,10.6253002 9.9378882,10.8461284 L9.80538302,12.5245135 L11.7046377,13.3195445 L12.8088613,12.0386749 C13.2063768,12.0828571 13.5597101,12.0828571 13.9130849,12.0386749 L14.9731263,13.3195445 L16.872381,12.5245135 L16.7398758,10.8461284 C17.0490683,10.6253002 17.3140787,10.3602899 17.5349068,10.0510973 L19.1690683,10.1835611 Z M12.6763147,8.24016563 C11.7929607,7.8868323 11.3954451,6.87093168 11.7487785,6.03175983 C12.1021118,5.1484058 13.1180124,4.75089027 13.9571843,5.1042236 C14.8405797,5.45755694 15.2380952,6.47341615 14.8847619,7.3126294 C14.5313872,8.19598344 13.5597101,8.59349896 12.6763147,8.24016563 Z"
                            id="Shape"
                            fill="#01B6F5"
                        />
                        <path
                            d="M14.4430642,4 C12.9413251,3.38165631 11.26294,4.08832298 10.6445963,5.59006211 C10.0262526,7.09180124 10.7329193,8.77018634 12.2346584,9.38853002 C13.7363975,10.0068737 15.4147826,9.30020704 16.0331263,7.79846791 C16.6073292,6.29677019 15.9006211,4.5742029 14.4430642,4 Z M12.6763147,8.24016563 C11.7929607,7.8868323 11.3954451,6.87093168 11.7487785,6.03175983 C12.1021118,5.1484058 13.1180124,4.75089027 13.9571843,5.1042236 C14.8405797,5.45755694 15.2380952,6.47341615 14.8847619,7.3126294 C14.5313872,8.19598344 13.5597101,8.59349896 12.6763147,8.24016563 Z"
                            id="Shape"
                            fill="#009ACF"
                        />
                    </g>
                </g>
            </g>
        </svg>
    );
};

Settings.propTypes = {
    className: PropTypes.string,
    style: PropTypes.object,
};

Settings.defaultProps = {
    className: undefined,
    style: undefined,
};

export default Settings;
